import React,{Component} from 'react';
import './hangqing.less'
import {Button,Tabs } from 'antd'
import TabsList from './tabsList.jsx'


const { TabPane } = Tabs;



class HangQing extends Component {
    constructor(props){
        super(props)
        this.state={
            selCode:545454,
            targetId:1
        }
    }
    componentDidMount=()=>{
        console.log()
    }
    onChange=(key)=>{
        this.setState({
            targetId:key
        })
    }
    render(){
        const  {targetId}=this.state
        return(
            <div  className="tn-hanqin-container">
                 <Tabs onChange={this.onChange} type="card" className="tabsList">
                    <TabPane tab="科创版" key="1" style={{overflow:"scroll"}}>
                        <TabsList targetId={targetId}></TabsList>
                    </TabPane> 
                    <TabPane tab="沪深股" key="2" style={{overflow:"scroll"}}>
                        <TabsList targetId={targetId}></TabsList>
                    </TabPane>
                    <TabPane tab="自选" key="3" style={{overflow:"scroll"}}>
                        <TabsList targetId={targetId}></TabsList>
                    </TabPane>
                </Tabs>
            </div>
        )
    }
}


export default HangQing;